<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购买成功</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/finished_order.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-2.1.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/touch-0.2.14.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/finished_order.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header>
			<i class="icon iconfont" id="back">&#xe606;</i>
			<span>已完成订单</span>
		</header>
		<div class="success_buy">
			<img src="img/success.png" />
			<span>购买成功</span>
		</div>
		<section>
			<p class="p1">收货人：<span id="recive_name">张三</span>    <i id="phone">18022222222</i></p>
			<p class="p1">收货地址：<span id="recive_address">北京市朝阳区北苑路13号2号楼北辰新纪元</span>    </p>
			<div class="line"></div>
			<div class="container">
				<img src="img/blackcard.png"/>
				<div class="content">
					<p id="card_number">
						00001234
					</p>
					<p id="card_type">
						类型：<span id="type">选号黑卡</span>
					</p>
					<p id="card_cost">
						售价：<span id="cost"> ￥49</span>
					</p>
				</div>
			</div>	
			<div class="line"></div>
			<div class="cost_mon">
				<span>付款金额：<i id="cost_money">￥49</i></span>
			</div>
			
		</section>
		
		<section class="order-wrapper">
			<p>订单编号：<span id="order_number">385746202734</span></p>
			<p class="time">成交时间：<span id="success_year">2016-4-18</span> <span id="success_time">15:20:34</span></p>
		</section>	
		<footer class="order-wrapper">
			<p>特别提示：</p>
			<p>1. 购买成功后您将受到黑白发送的确认信息</p>
			<p>2. 黑白校园将在自购卡之日起，10个工作日内将该卡邮寄到您的发货地址</p>
			<p>3. 客服电话： 400-862-5211</p>
		</footer>

	</body>
</html>
